<template>
	<!-- 配电房items组件 -->
	<view class="container">
		<view class="mointor-item" >
			<image class="monitorImag" :src="itemImg"></image>
			<p>{{itemText}}</p>
			<image :src="itemIcon" @tap="clickItem" class="monitorIcon"></image>
		</view>
	</view>
</template>

<script>
	export default {
		props: {
			// 图片 文本 右箭头
			itemImg: {
				type: String,
				default: ''
			},
			itemText: {
				type: String,
				default: ''
			},
			itemIcon: {
				type: String,
				default: ''
			}
		},
		methods: {
			clickItem(e) {
				this.$emit('click', e)
			}
		}
	}
</script>

<style lang="scss">
	.container {
		// width: 341rpx;
		height: 324rpx;
		background: #ffffff;
		border-radius: 10rpx;
		// margin: 0 10rpx;
		margin-right: 20rpx;
		margin-bottom: 20rpx;
		.mointor-item{
			display: flex;
			flex-direction: column;
			position: relative;
			padding-top: 44rpx;
			padding-left: 44rpx;
			image:first-child {
				width: 88rpx;
				height: 88rpx;
			}
			image:last-child {
				position: absolute;
				padding: 20rpx;
				right: 4rpx;
				bottom: -70rpx;
				width: 40rpx;
				height: 40rpx;
			}
			p{
				padding-top: 68rpx;
			}
			
		}
	}
</style>
